Skip to main content

LoyaltyProgramDetail

Interfaces

LoyaltyProgramDetailProps

Indexable

[p: string]: any

Properties

className?

optional className: string

Overrides or extends the styles applied to the component.

Default
null
Source

LoyaltyProgramDetail/LoyaltyProgramDetail.tsx:45

Functions

LoyaltyProgramDetail()

LoyaltyProgramDetail(inProps): JSX.Element

API documentation for the Community-JS Loyalty Program Detail Template. Learn about the available props and the CSS API.

This component renders the loyalty program detail template. Take a look at our demo component here

Import

import {LoyaltyProgramDetail} from '@selfcommunity/react-templates';

Component Name

The name SCLoyaltyProgramDetailTemplate can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCLoyaltyProgramDetailTemplate-rootStyles applied to the root element.
userPoints.SCLoyaltyProgramDetailTemplate-user-pointsStyles applied to the chip element.
title.SCLoyaltyProgramDetailTemplate-titleStyles applied to the title element.
sectionTitle.SCLoyaltyProgramDetailTemplate-section-titleStyles applied to the section title element.
sectionInfo.SCLoyaltyProgramDetailTemplate-section-infoStyles applied to the section info element.
pointsSection.SCLoyaltyProgramDetailTemplate-points-sectionStyles applied to the points section.
prizeSection.SCLoyaltyProgramDetailTemplate-prize-sectionStyles applied to the prize section.
card.SCLoyaltyProgramDetailTemplate-cardStyles applied to the card elements.
cardTitle.SCLoyaltyProgramDetailTemplate-card-titleStyles applied to the card title element.
cardContent.SCLoyaltyProgramDetailTemplate-card-contentStyles applied to the card content section.
prizePoints.SCLoyaltyProgramDetailTemplate-prize-pointsStyles applied to the prize points element.
actionButton.SCLoyaltyProgramDetailTemplate-action-buttonStyles applied to the action button element.
notRequestable.SCLoyaltyProgramDetailTemplate-not-requestableStyles applied to elements that are not requestable.
endMessage.SCLoyaltyProgramDetailTemplate-end-messageStyles applied to the infinity scroll final section.
/**

Parameters

ParameterTypeDescription
inPropsLoyaltyProgramDetailProps

Returns

JSX.Element

Source

LoyaltyProgramDetail/LoyaltyProgramDetail.tsx:92


LoyaltyProgramDetailSkeleton()

LoyaltyProgramDetailSkeleton(): JSX.Element

API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.

Import

import {LoyaltyProgramDetailSkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCLoyaltyProgramDetailTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCLoyaltyProgramDetailTemplate-skeleton-rootStyles applied to the root element.
title.SCLoyaltyProgramDetailTemplate-titleStyles applied to the title element.
sectionTitle.SCLoyaltyProgramDetailTemplate-section-titleStyles applied to the section title element.
subTitle.SCLoyaltyProgramDetailTemplate-subTitleStyles applied to the subTitle element.
pointsList.SCLoyaltyProgramDetailTemplate-points-listStyles applied to the points list section.
chip.SCLoyaltyProgramDetailTemplate-chipStyles applied to the chip element.

Returns

JSX.Element

Source

LoyaltyProgramDetail/Skeleton.tsx:47


PrizeItemSkeleton()

PrizeItemSkeleton(): JSX.Element

API documentation for the Community-JS PrizeItemSkeleton Skeleton component. Learn about the available props and the CSS API.

Component Name

The name SCLoyaltyProgramDetailTemplate-prize-item-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCLoyaltyProgramDetailTemplate-prize-item-skeleton-rootStyles applied to the root element.
content.SCLoyaltyProgramDetailTemplate-contentStyles applied to the card content section.
actions.SCLoyaltyProgramDetailTemplate-actionsStyles applied to the actions section.

Returns

JSX.Element

Source

LoyaltyProgramDetail/PrizeItemSkeleton.tsx:34